// 首页渲染的js代码

// 1. 先显示加载层
let index = layer.load(0,{shade:[0.3,'#ccc']});

// 渲染首页函数
bindHtml()
async function bindHtml() {
  // 请求接口获取数据(北京的景点数据)
  let bjobj = await pAjax({url:'./server/scenics.php',data:{pid:2},dataType:'json'})
  // 结构获取数据
  let {data:bjarr} = bjobj
  // console.log(bjarr);
  // 遍历数组拼接html字符串并渲染
  let bgStr = bjarr.map(v=>{
    // 获取商品的第一张图片地址
    // console.log( v )
    // console.log( v.imgpath.split('==========')[0] )
    // <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
    //   <div class="thumbnail">
    //       <img src="${v.imgpath.split('==========')[0]}" alt="...">
    //       <div class="caption">
    //           <h3>${v.name}</h3>
    //           <p class='introduce'>${v.introduce}</p>
    //           <p>
    //               <a href="#" class="btn btn-default" role="button">查看详情</a>
    //           </p>
    //       </div>
    //   </div>
    // </div>  

  `<div class="sp221">
    <div class="sp2211">
      <a href=""><img src="${v.imgpath.split('==========')[0]}" alt="..."></a>
    </div>
    <div class="sp2212">
      <div class="sp221212">
        <a href="../tb/details.html">max破产都要买的口红《破产姐妹》max最爱</a>
      </div>
      <div class="sp22121">
        <div class="sp221211"></div>
        <p>5965人说好</p>
      </div>
    </div>
  </div>
  `}).join('');
  // 渲染到页面中
  $('.sp666').html(bgStr);
    // 请求接口获取数据(北京的景点数据)
    let anobj = await pAjax({url:'./server/scenics.php',data:{pid:13},dataType:'json'})
    // 结构获取数据
    let {data:anarr} = anobj
    // console.log(anarr);

    // 遍历数组拼接html字符串并渲染
    // console.log(anarr);
    let anStr = anarr.map(v=>
      `<div class="sp221">
        <div class="sp2211">
          <a href=""><img src="${v.imgpath.split('==========')[0]}" alt="..."></a>
        </div>
        <div class="sp2212">
          <div class="sp221212">
            <a href="../tb/details.html">max破产都要买的口红《破产姐妹》max最爱</a>
          </div>
          <div class="sp22121">
            <div class="sp221211"></div>
            <p>5965人说好</p>
          </div>
        </div>
      </div>
    `).join('');
    // 渲染到页面中
    $('.sp666').html(anStr);

    // 关闭加载层
    layer.close(index);
}
